:root {

    --cv2-teal: #009DA5;
    --cv2-teal-dark: #007F86;
    --cv2-orange: #F3754B;

    --cv2-dark: #153F41;
    --cv2-text: #657879;
    --cv2-muted: #8D9B9C;

    --cv2-soft: #EDF9F9;
    --cv2-soft-2: #F7FAFA;

    --cv2-line: #D7E8E9;
    --cv2-white: #fff;

    --cv2-ease: cubic-bezier(.16,1,.3,1);
}


.conv2-container {

    width:
        min(1180px, calc(100% - 80px));

    margin:
        0 auto;
}


/* =====================================================
HERO
===================================================== */

.conv2-hero {

    position:
        relative;

    min-height:
        730px;

    overflow:
        hidden;

    background:
        #123B3D;

    color:
        #fff;
}


.conv2-hero-image,
.conv2-hero-overlay {

    position:
        absolute;

    inset:
        0;
}


.conv2-hero-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;

    animation:
        heroZoom 12s ease-out forwards;
}


@keyframes heroZoom {

    from {
        transform: scale(1.05);
    }

    to {
        transform: scale(1);
    }

}


.conv2-hero-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(10,48,50,.94),
            rgba(10,48,50,.75) 42%,
            rgba(10,48,50,.26) 75%,
            rgba(10,48,50,.12)
        );
}


.conv2-hero-content {

    position:
        relative;

    z-index:
        4;

    min-height:
        730px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;
}


.conv2-hero-kicker {

    color:
        var(--cv2-orange);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        2.5px;
}


.conv2-hero h1 {

    max-width:
        850px;

    margin:
        24px 0;

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(55px, 7vw, 94px);

    font-weight:
        400;

    line-height:
        .91;

    letter-spacing:
        -3px;
}


.conv2-hero h1 span {

    display:
        block;

    color:
        var(--cv2-orange);

    font-style:
        italic;
}


.conv2-hero-content > p {

    max-width:
        550px;

    margin:
        0;

    color:
        rgba(255,255,255,.76);

    font-size:
        15px;

    line-height:
        1.8;
}


.conv2-actions {

    display:
        flex;

    gap:
        11px;

    margin-top:
        33px;
}


.conv2-btn {

    min-height:
        51px;

    padding:
        0 23px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    font-size:
        10px;

    font-weight:
        800;

    transition:
        transform .3s ease;
}


.conv2-btn:hover {
    transform:
        translateY(-4px);
}


.conv2-btn-primary {

    color:
        #fff;

    background:
        var(--cv2-orange);
}


.conv2-btn-light {

    color:
        #fff;

    border:
        1px solid
        rgba(255,255,255,.33);
}


.conv2-hero-tag {

    position:
        absolute;

    z-index:
        5;

    left:
        0;

    right:
        0;

    bottom:
        0;

    height:
        64px;

    padding:
        0 max(40px, calc((100vw - 1180px)/2));

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    background:
        rgba(255,255,255,.08);

    border-top:
        1px solid
        rgba(255,255,255,.16);

    backdrop-filter:
        blur(10px);

    color:
        rgba(255,255,255,.67);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.conv2-hero-tag span {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        19px;
}


/* =====================================================
KICKER
===================================================== */

.conv2-kicker {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    color:
        var(--cv2-orange);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.conv2-kicker::before {

    content:
        "";

    width:
        29px;

    height:
        1px;

    background:
        var(--cv2-orange);
}


/* =====================================================
STORY
===================================================== */

.conv2-story {

    padding:
        145px 0;

    background:
        #fff;
}


.conv2-story-head {

    max-width:
        900px;

    margin-bottom:
        85px;
}


.conv2-story-head h2 {

    margin:
        25px 0 20px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(44px,5vw,67px);

    font-weight:
        400;

    line-height:
        .97;

    letter-spacing:
        -2px;
}


.conv2-story-head p {

    max-width:
        580px;

    margin:
        0;

    color:
        var(--cv2-text);

    font-size:
        13px;

    line-height:
        1.85;
}


.conv2-story-grid {

    display:
        grid;

    grid-template-columns:
        1.05fr .95fr;

    gap:
        100px;

    align-items:
        center;
}


.conv2-story-image {

    position:
        relative;

    height:
        590px;

    overflow:
        hidden;

    border-radius:
        5px;
}


.conv2-story-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;

    transition:
        transform .8s var(--cv2-ease);
}


.conv2-story-image:hover img {

    transform:
        scale(1.045);
}


.image-floating-label {

    position:
        absolute;

    right:
        20px;

    bottom:
        20px;

    padding:
        12px 15px;

    color:
        var(--cv2-dark);

    background:
        rgba(255,255,255,.94);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.5px;
}


.story-number {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        23px;
}


.conv2-story-copy h3 {

    max-width:
        600px;

    margin:
        26px 0 22px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(38px,4.6vw,58px);

    font-weight:
        400;

    line-height:
        1;

    letter-spacing:
        -1.6px;
}


.conv2-story-copy > p {

    max-width:
        550px;

    margin:
        0 0 17px;

    color:
        var(--cv2-text);

    font-size:
        13px;

    line-height:
        1.85;
}


.story-highlight {

    margin-top:
        34px;

    padding:
        23px 0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

    border-top:
        1px solid
        var(--cv2-line);

    border-bottom:
        1px solid
        var(--cv2-line);
}


.story-highlight strong {

    color:
        var(--cv2-orange);

    font-size:
        9px;

    letter-spacing:
        1.8px;
}


.story-highlight span {

    max-width:
        540px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        17px;

    line-height:
        1.45;
}


/* =====================================================
BENEFITS
===================================================== */

.conv2-benefit-section {

    padding:
        140px 0;

    background:
        var(--cv2-soft);
}


.conv2-benefit-grid {

    display:
        grid;

    grid-template-columns:
        .95fr 1.05fr;

    gap:
        95px;

    align-items:
        center;
}


.conv2-benefit-copy h2 {

    margin:
        25px 0 22px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(42px,5vw,62px);

    font-weight:
        400;

    line-height:
        .97;

    letter-spacing:
        -1.8px;
}


.conv2-benefit-copy h2 span {

    display:
        block;

    color:
        var(--cv2-teal);

    font-style:
        italic;
}


.conv2-benefit-copy .lead {

    max-width:
        570px;

    margin:
        0 0 35px;

    color:
        var(--cv2-text);

    font-size:
        15px;

    line-height:
        1.8;
}


.benefit-list {

    border-top:
        1px solid
        var(--cv2-line);
}


.benefit-row {

    display:
        grid;

    grid-template-columns:
        45px 1fr;

    gap:
        17px;

    padding:
        20px 0;

    border-bottom:
        1px solid
        var(--cv2-line);
}


.benefit-row > span {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        18px;
}


.benefit-row strong {

    display:
        block;

    color:
        var(--cv2-dark);

    font-size:
        13px;
}


.benefit-row p {

    margin:
        6px 0 0;

    color:
        var(--cv2-text);

    font-size:
        11px;

    line-height:
        1.7;
}


.conv2-benefit-image {

    position:
        relative;

    height:
        650px;

    overflow:
        hidden;
}


.conv2-benefit-image img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;
}


.benefit-image-card {

    position:
        absolute;

    left:
        24px;

    right:
        24px;

    bottom:
        24px;

    padding:
        22px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 20px 50px
        rgba(15,60,62,.15);
}


.benefit-image-card span {

    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--cv2-orange);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.7px;
}


.benefit-image-card strong {

    max-width:
        400px;

    display:
        block;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        24px;

    font-weight:
        400;

    line-height:
        1.12;
}


/* =====================================================
JOURNEY
===================================================== */

.conv2-journey {

    padding:
        145px 0;

    background:
        #fff;
}


.journey-heading {

    display:
        grid;

    grid-template-columns:
        1fr 360px;

    gap:
        90px;

    align-items:
        end;

    margin-bottom:
        70px;
}


.journey-heading h2 {

    margin:
        25px 0 0;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(43px,5vw,64px);

    font-weight:
        400;

    line-height:
        .96;

    letter-spacing:
        -1.8px;
}


.journey-heading h2 span {

    display:
        block;

    color:
        var(--cv2-orange);

    font-style:
        italic;
}


.journey-heading > p {

    margin:
        0;

    color:
        var(--cv2-text);

    font-size:
        12px;

    line-height:
        1.85;
}


.journey-layout {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        55px;

    align-items:
        stretch;
}


.journey-visual {

    position:
        relative;

    min-height:
        620px;

    overflow:
        hidden;
}


.journey-visual img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;
}


.journey-visual::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            transparent 55%,
            rgba(10,54,56,.55)
        );
}


.journey-visual-caption {

    position:
        absolute;

    z-index:
        2;

    left:
        24px;

    bottom:
        22px;

    color:
        #fff;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.journey-steps {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    border-top:
        1px solid
        var(--cv2-line);

    border-left:
        1px solid
        var(--cv2-line);
}


.journey-step {

    padding:
        28px;

    min-height:
        260px;

    border-right:
        1px solid
        var(--cv2-line);

    border-bottom:
        1px solid
        var(--cv2-line);

    transition:
        background .3s ease,
        transform .35s var(--cv2-ease);
}


.journey-step:hover {

    background:
        var(--cv2-soft);

    transform:
        translateY(-5px);
}


.journey-step-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;
}


.journey-step-top span {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        21px;
}


.journey-step-top small {

    color:
        var(--cv2-muted);

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        1.5px;
}


.journey-step h3 {

    margin:
        48px 0 13px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        23px;

    font-weight:
        400;
}


.journey-step p {

    margin:
        0;

    color:
        var(--cv2-text);

    font-size:
        11px;

    line-height:
        1.75;
}


/* =====================================================
BCS
===================================================== */

.conv2-bcs {

    padding:
        140px 0;

    background:
        var(--cv2-soft-2);
}


.bcs-header {

    max-width:
        800px;

    margin-bottom:
        60px;
}


.bcs-header h2 {

    margin:
        25px 0 0;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(43px,5vw,65px);

    font-weight:
        400;

    line-height:
        .95;

    letter-spacing:
        -1.8px;
}


.bcs-header h2 span {

    display:
        block;

    color:
        var(--cv2-teal);

    font-style:
        italic;
}


.bcs-grid {

    display:
        grid;

    grid-template-columns:
        1.08fr .92fr;

    gap:
        100px;

    align-items:
        center;
}


.bcs-image-wrap {

    position:
        relative;
}


.bcs-image {

    height:
        560px;

    overflow:
        hidden;

    background:
        #dceeee;
}


.bcs-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;
}


.bcs-tag {

    position:
        absolute;

    right:
        20px;

    top:
        20px;

    padding:
        12px 15px;

    background:
        #fff;

    color:
        var(--cv2-teal);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.8px;
}


.bcs-number {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        23px;
}


.bcs-copy h3 {

    max-width:
        560px;

    margin:
        25px 0 20px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(37px,4.5vw,55px);

    font-weight:
        400;

    line-height:
        1;

    letter-spacing:
        -1.5px;
}


.bcs-copy > p {

    max-width:
        540px;

    margin:
        0 0 17px;

    color:
        var(--cv2-text);

    font-size:
        13px;

    line-height:
        1.85;
}


.bcs-info {

    margin-top:
        35px;

    border-top:
        1px solid
        var(--cv2-line);
}


.bcs-info div {

    padding:
        17px 0;

    display:
        flex;

    gap:
        14px;

    align-items:
        center;

    border-bottom:
        1px solid
        var(--cv2-line);

    color:
        var(--cv2-dark);

    font-size:
        11px;

    font-weight:
        700;
}


.bcs-info span {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        16px;
}


/* =====================================================
RESTORATION
===================================================== */

.conv2-restoration {

    position:
        relative;

    min-height:
        650px;

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

    color:
        #fff;
}


.restoration-image,
.restoration-overlay {

    position:
        absolute;

    inset:
        0;
}


.restoration-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;
}


.restoration-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(9,51,53,.95),
            rgba(9,51,53,.58),
            rgba(9,51,53,.2)
        );
}


.restoration-content {

    position:
        relative;

    z-index:
        2;
}


.conv2-kicker.light {
    color:
        rgba(255,255,255,.72);
}


.restoration-content h2 {

    max-width:
        850px;

    margin:
        26px 0 22px;

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(44px,5.5vw,70px);

    font-weight:
        400;

    line-height:
        .96;

    letter-spacing:
        -2px;
}


.restoration-content h2 span {

    display:
        block;

    color:
        var(--cv2-orange);

    font-style:
        italic;
}


.restoration-content > p {

    max-width:
        580px;

    margin:
        0;

    color:
        rgba(255,255,255,.68);

    font-size:
        13px;

    line-height:
        1.85;
}


.restoration-btn {

    margin-top:
        30px;

    min-height:
        49px;

    padding:
        0 22px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        12px;

    background:
        var(--cv2-orange);

    color:
        #fff;

    font-size:
        10px;

    font-weight:
        800;
}


/* =====================================================
TRUST
===================================================== */

.conv2-trust {

    padding:
        140px 0;

    background:
        #fff;
}


.trust-layout {

    display:
        grid;

    grid-template-columns:
        1fr .65fr;

    gap:
        100px;

    align-items:
        center;
}


.trust-copy h2 {

    margin:
        25px 0 23px;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(43px,5vw,65px);

    font-weight:
        400;

    line-height:
        .96;

    letter-spacing:
        -1.8px;
}


.trust-copy h2 span {

    display:
        block;

    color:
        var(--cv2-teal);

    font-style:
        italic;
}


.trust-copy p {

    max-width:
        610px;

    margin:
        0 0 17px;

    color:
        var(--cv2-text);

    font-size:
        13px;

    line-height:
        1.85;
}


.trust-timeline {

    border-top:
        1px solid
        var(--cv2-line);
}


.trust-event {

    padding:
        25px 0;

    border-bottom:
        1px solid
        var(--cv2-line);

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;
}


.trust-event strong {

    color:
        var(--cv2-orange);

    font-family:
        Georgia,
        serif;

    font-size:
        33px;

    font-weight:
        400;
}


.trust-event span {

    color:
        var(--cv2-muted);

    font-size:
        9px;

    line-height:
        1.5;
}


/* =====================================================
FAQ
===================================================== */

.conv2-faq {

    padding:
        140px 0;

    background:
        var(--cv2-soft);
}


.faq-title {

    max-width:
        780px;

    margin-bottom:
        65px;
}


.faq-title h2 {

    margin:
        25px 0 0;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(43px,5vw,64px);

    font-weight:
        400;

    line-height:
        .96;

    letter-spacing:
        -1.8px;
}


.faq-title h2 span {

    display:
        block;

    color:
        var(--cv2-orange);

    font-style:
        italic;
}


.faq-grid {

    display:
        grid;

    grid-template-columns:
        .75fr 1.25fr;

    gap:
        75px;

    align-items:
        start;
}


.faq-image {

    height:
        520px;

    overflow:
        hidden;
}


.faq-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    display:
        block;
}


.faq-list {

    border-top:
        1px solid
        var(--cv2-line);
}


.faq-list details {

    border-bottom:
        1px solid
        var(--cv2-line);
}


.faq-list summary {

    list-style:
        none;

    cursor:
        pointer;

    padding:
        25px 0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    color:
        var(--cv2-dark);

    font-size:
        14px;

    font-weight:
        700;
}


.faq-list summary::-webkit-details-marker {
    display:
        none;
}


.faq-list summary span {

    width:
        32px;

    height:
        32px;

    display:
        grid;

    place-items:
        center;

    flex-shrink:
        0;

    border-radius:
        50%;

    background:
        #fff;

    color:
        var(--cv2-orange);

    font-size:
        19px;

    font-weight:
        400;
}


.faq-list details[open] summary span {

    transform:
        rotate(45deg);

    background:
        var(--cv2-orange);

    color:
        #fff;
}


.faq-list details p {

    max-width:
        720px;

    margin:
        0;

    padding:
        0 50px 25px 0;

    color:
        var(--cv2-text);

    font-size:
        12px;

    line-height:
        1.8;
}


/* =====================================================
CTA
===================================================== */

.conv2-cta {

    padding:
        100px 0;

    background:
        #fff;
}


.cta-inner {

    position:
        relative;

    overflow:
        hidden;

    min-height:
        390px;

    padding:
        55px 65px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        50px;

    background:
        var(--cv2-dark);

    color:
        #fff;
}


.cta-inner::after {

    content:
        "";

    position:
        absolute;

    width:
        430px;

    height:
        430px;

    right:
        -200px;

    top:
        -220px;

    border:
        1px solid
        rgba(255,255,255,.1);

    border-radius:
        50%;
}


.cta-inner > div:first-child {

    position:
        relative;

    z-index:
        2;

    max-width:
        760px;
}


.cta-inner > div:first-child > span {

    color:
        var(--cv2-orange);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.cta-inner h2 {

    margin:
        20px 0;

    font-family:
        Georgia,
        serif;

    font-size:
        clamp(38px,4.8vw,58px);

    font-weight:
        400;

    line-height:
        .98;
}


.cta-inner h2 em {

    color:
        var(--cv2-orange);

    font-style:
        italic;
}


.cta-inner p {

    max-width:
        580px;

    margin:
        0;

    color:
        rgba(255,255,255,.63);

    font-size:
        12px;

    line-height:
        1.8;
}


.cta-buttons {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    gap:
        9px;

    min-width:
        145px;
}


.cta-call,
.cta-whatsapp {

    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    padding:
        0 18px;

    font-size:
        10px;

    font-weight:
        800;
}


.cta-call {

    color:
        #fff;

    background:
        var(--cv2-orange);
}


.cta-whatsapp {

    color:
        #fff;

    border:
        1px solid
        rgba(255,255,255,.24);
}


/* =====================================================
POPUP
===================================================== */

.ak-appt-popup {

    position:
        fixed;

    z-index:
        9999;

    right:
        24px;

    bottom:
        24px;

    width:
        350px;

    max-width:
        calc(100vw - 32px);

    padding:
        25px;

    background:
        rgba(255,255,255,.97);

    border:
        1px solid
        var(--cv2-line);

    border-radius:
        21px;

    box-shadow:
        0 25px 70px
        rgba(16,54,56,.2);

    backdrop-filter:
        blur(18px);

    opacity:
        0;

    visibility:
        hidden;

    transform:
        translateY(30px);

    transition:
        .45s var(--cv2-ease);
}


.ak-appt-popup.ak-appt-visible {

    opacity:
        1;

    visibility:
        visible;

    transform:
        translateY(0);
}


.ak-appt-accent {

    position:
        absolute;

    left:
        25px;

    top:
        0;

    width:
        42px;

    height:
        3px;

    background:
        var(--cv2-orange);
}


.ak-appt-close {

    position:
        absolute;

    top:
        13px;

    right:
        13px;

    width:
        28px;

    height:
        28px;

    border:
        0;

    border-radius:
        50%;

    background:
        var(--cv2-soft-2);

    color:
        var(--cv2-dark);

    font-size:
        18px;

    cursor:
        pointer;
}


.ak-appt-kicker {

    display:
        block;

    margin-bottom:
        10px;

    color:
        var(--cv2-teal);

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.ak-appt-content h3 {

    margin:
        0;

    color:
        var(--cv2-dark);

    font-family:
        Georgia,
        serif;

    font-size:
        26px;

    font-weight:
        400;

    line-height:
        1.05;
}


.ak-appt-content h3 em {

    color:
        var(--cv2-orange);

    font-style:
        italic;
}


.ak-appt-content > p {

    margin:
        10px 0 16px;

    color:
        var(--cv2-muted);

    font-size:
        11px;
}


.ak-appt-special {

    display:
        flex;

    gap:
        10px;

    align-items:
        center;

    padding:
        12px;

    border-radius:
        12px;

    background:
        var(--cv2-soft-2);
}


.ak-appt-special > span {

    width:
        30px;

    height:
        30px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        var(--cv2-orange);

    color:
        #fff;
}


.ak-appt-special strong {

    display:
        block;

    color:
        var(--cv2-dark);

    font-size:
        10px;
}


.ak-appt-special small {

    display:
        block;

    margin-top:
        3px;

    color:
        var(--cv2-muted);

    font-size:
        8px;
}


.ak-appt-actions {

    display:
        flex;

    gap:
        8px;

    margin-top:
        14px;
}


.ak-appt-call,
.ak-appt-wa {

    min-height:
        40px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        8px;

    font-size:
        9px;

    font-weight:
        800;
}


.ak-appt-call {

    flex:
        1;

    background:
        var(--cv2-teal-dark);

    color:
        #fff;
}


.ak-appt-wa {

    padding:
        0 15px;

    border:
        1px solid
        var(--cv2-line);

    color:
        var(--cv2-dark);
}


/* =====================================================
RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .conv2-container {
        width:
            calc(100% - 50px);
    }


    .conv2-story-grid,
    .conv2-benefit-grid,
    .journey-layout,
    .bcs-grid,
    .trust-layout {
        gap:
            55px;
    }


    .conv2-hero h1 {
        font-size:
            72px;
    }


    .journey-heading {
        gap:
            50px;
    }

}


@media (max-width: 760px) {

    .conv2-container {
        width:
            calc(100% - 36px);
    }


    .conv2-hero {
        min-height:
            680px;
    }


    .conv2-hero-content {
        min-height:
            680px;

        justify-content:
            center;
    }


    .conv2-hero h1 {

        font-size:
            50px;

        letter-spacing:
            -1.8px;
    }


    .conv2-actions {

        flex-direction:
            column;

        align-items:
            flex-start;
    }


    .conv2-hero-tag {

        height:
            55px;

        padding:
            0 18px;
    }


    .conv2-story,
    .conv2-benefit-section,
    .conv2-journey,
    .conv2-bcs,
    .conv2-trust,
    .conv2-faq {
        padding:
            90px 0;
    }


    .conv2-story-head h2,
    .conv2-benefit-copy h2,
    .journey-heading h2,
    .bcs-header h2,
    .trust-copy h2,
    .faq-title h2 {
        font-size:
            40px;
    }


    .conv2-story-grid,
    .conv2-benefit-grid,
    .journey-layout,
    .bcs-grid,
    .trust-layout,
    .faq-grid {
        display:
            block;
    }


    .conv2-story-image {
        height:
            430px;

        margin-bottom:
            55px;
    }


    .conv2-benefit-image {
        height:
            450px;

        margin-top:
            55px;
    }


    .journey-heading > p {
        margin-top:
            28px;
    }


    .journey-visual {
        min-height:
            430px;

        margin-bottom:
            35px;
    }


    .journey-steps {
        grid-template-columns:
            1fr;
    }


    .journey-step {
        min-height:
            220px;
    }


    .bcs-image {
        height:
            430px;

        margin-bottom:
            50px;
    }


    .conv2-restoration {
        min-height:
            550px;
    }


    .restoration-content h2 {
        font-size:
            42px;
    }


    .faq-image {
        height:
            400px;

        margin-bottom:
            40px;
    }


    .cta-inner {

        display:
            block;

        padding:
            45px 28px;
    }


    .cta-buttons {
        margin-top:
            30px;

        align-items:
            flex-start;
    }


    .ak-appt-popup {

        right:
            12px;

        bottom:
            12px;

        width:
            calc(100vw - 24px);
    }

}